
 
 <div  style="padding-left=20px; padding-right=20px;">
 <div class="container">
<h1 ng-show="simpa">Edit Event</h1>
 <h1 ng-hide="simpa">New Event</h1>
 <hr/>
 <form name='newEventForm'>
   <fieldset>
     <label for="eventName">Event Name</label>
     <input id="eventName" type="text" required ng-model="event.name" placeholder="Name of event...." />
    <label for="eventDate">Event Date</label>
     <input id="eventDate"  datepicker required ng-pattern="/\d\d/\d\d/\d\d\d\d/" type="text" date-keys ng-model="event.date"placeholder="Date of event...." />
    <label for="eventTime">Event TimeName</label>
     <input id="eventTime" type="text" ng-model="event.time" placeholder="Start time of event...." />
      <label for="eventLocation">Event Location</label>
     <input id="eventLocation" type="text" ng-model="event.location.address" placeholder="Address of event...." /><br/>
     
     <input id="eventCity" type="text" ng-model="event.location.city" placeholder="City..."  class="input-small"/>
      <input id="eventState" type="text" ng-model="event.location.state" placeholder="State...."  class="input-small"/>
     <label for="eventImageUrl">Image</label>
     <input id="eventurl" type="url"  ng-model="event.imageUrl" placeholder="Url of Image...."  class="x-large"/>


   </fieldset>
   <img ng-src="{{event.imageUrl}}"  src=""/>
   <br/>
  <br/>
  <button type ="submit" ng-disabled="newEventForm.$invalid" ng-click="saveEvent(event, newEventForm)"class="btn btn-primary"> Save</button>
<button type ="submit" ng-click="cancelEvent()" class="btn btn-default"> Cancel</button>
  </form>
	
</div>
 </div>

